// Cubic
@easeInCubic:          cubic-bezier(0.550, 0.055, 0.675, 0.190);
@easeOutCubic:         cubic-bezier(0.215, 0.610, 0.355, 1.000);
@easeInOutCubic:       cubic-bezier(0.645, 0.045, 0.355, 1.000);

// Circ
@easeInCirc:           cubic-bezier(0.600, 0.040, 0.980, 0.335);
@easeOutCirc:          cubic-bezier(0.075, 0.820, 0.165, 1.000);
@easeInOutCirc:        cubic-bezier(0.785, 0.135, 0.150, 0.860);

// Expo
@easeInExpo:           cubic-bezier(0.950, 0.050, 0.795, 0.035);
@easeOutExpo:          cubic-bezier(0.190, 1.000, 0.220, 1.000);
@easeInOutExpo:        cubic-bezier(1.000, 0.000, 0.000, 1.000);

// Quad
@easeInQuad:           cubic-bezier(0.550, 0.085, 0.680, 0.530);
@easeOutQuad:          cubic-bezier(0.250, 0.460, 0.450, 0.940);
@easeInOutQuad:        cubic-bezier(0.455, 0.030, 0.515, 0.955);

// Quart
@easeInQuart:          cubic-bezier(0.895, 0.030, 0.685, 0.220);
@easeOutQuart:         cubic-bezier(0.165, 0.840, 0.440, 1.000);
@easeInOutQuart:       cubic-bezier(0.770, 0.000, 0.175, 1.000);

// Quint
@easeInQuint:          cubic-bezier(0.755, 0.050, 0.855, 0.060);
@easeOutQuint:         cubic-bezier(0.230, 1.000, 0.320, 1.000);
@easeInOutQuint:       cubic-bezier(0.860, 0.000, 0.070, 1.000);

// Sine
@easeInSine:           cubic-bezier(0.470, 0.000, 0.745, 0.715);
@easeOutSine:          cubic-bezier(0.390, 0.575, 0.565, 1.000);
@easeInOutSine:        cubic-bezier(0.445, 0.050, 0.550, 0.950);

// Back
@easeInBack:           cubic-bezier(0.600, -0.280, 0.735, 0.045);
@easeOutBack:          cubic-bezier(0.175,  0.885, 0.320, 1.275);
@easeInOutBack:        cubic-bezier(0.680, -0.550, 0.265, 1.550);

// 
@depth-top:          9999;
@depth-ui:           999;
@depth-content:      200;
@depth-background:   99;

@design-width:      640px;
@design-height:     1136px - 64px;

.e(@property; @value: none) {
	-webkit-@{property}: @value;
	   -moz-@{property}: @value;
	    /*-ms-@{property}: @value;*/
	     -o-@{property}: @value;
	        @{property}: @value;
}
.font0()
{
	font-size:0;
	line-height:0;
}

.clear-margin(){
	margin:0;padding:0;
}

.text-ellipsis(){
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.triangle-top(@width, @height, @color: #FFF, @display: inline-block)
{
	display: @display;
	width:0;height:0;
	border-left: @width / 2 solid transparent;
	border-right: @width / 2 solid transparent;
	border-top: 0;
	border-bottom: @height solid @color;
	text-indent: -99999px;
}

.triangle-bottom(@width, @height, @color: #FFF, @display: inline-block)
{
	display: @display;
	width:0;height:0;
	border-left: @width / 2 solid transparent;
	border-right: @width / 2 solid transparent;
	border-top: @height solid @color;
	border-bottom: 0;
	text-indent: -99999px;
}

.fontface(@fontname, @filename, @weight: normal, @style: normal){
	@font-face {
		font-family: '@{fontname}';
		src: url('@{filename}.eot');
		src: url('@{filename}.eot?#iefix') format('embedded-opentype'), 
			url('@{filename}.woff2') format('woff2'), 
			url('@{filename}.woff') format('woff'), 
			url('@{filename}.ttf') format('truetype'), 
			url('@{filename}.svg#@{fontname}') format('svg');
		font-weight: @weight;
		font-style: @style;
	}
}

/**
 * 从顶部落下
 * @return {[type]} [description]
 */
.kf-bounceUpDown(){
	0%{
		.e(transform, translateY(-80%) );
	}
	40%{
		.e(transform, translateY(25px) );
	}
	75%{
		.e(transform, translateY(-10px) );
	}
	87%{
		.e(transform, translateY(5px) );
	}
	100%{
		.e(transform, translateY(0) );
	}
}

@-webkit-keyframes bounceUpDown {.kf-bounceUpDown(); }
@keyframes bounceUpDown {.kf-bounceUpDown(); }
.bounceUpDown(){
	.e(animation,  bounceUpDown 1s ease-in-out 0s forwards );
}


/**
 * Rotate loop animation
 */
.kf-rotate360(){
	0%{
		.e(transform; rotateZ(0));
	}
	25%{
		.e(transform; rotateZ(90deg));
	}
	50%{
		.e(transform; rotateZ(180deg));
	}
	75%{
		.e(transform; rotateZ(270deg));
	}
	100%{
		.e(transform; rotateZ(360deg));
	}
}
@-webkit-keyframes rotate360 {.kf-rotate360(); }
@-moz-keyframes rotate360 {.kf-rotate360(); }
@keyframes rotate360 {.kf-rotate360(); }
.rotate360(@duration: 1s, @direction: forwards, @ease: linear){
	.e(animation;  rotate360 @duration @ease 0s infinite @direction );
}
// Animation rotate360 END

//
//
//
@font-family-content:         "fContent";
@font-family-content-bold:    "fContentBold";
@font-family-navigation:      "fNavigation";
@font-family-caupmeta:        "fCaupmeta";

@color-content:               #FFF;
@color-content-minor:         #636363;
@color-content-dark:          #111;
@color-content-dark-minor:    #666;
@color-assist:                #000;
@color-assist-minor:          #000;
@color-brand:                 #2B68A6;

@color-background-trans:      rgba(0,0,0,.7);


@color-label-news-lecture:        #E1333D;
@color-label-news-event:          #3B9E4B;
@color-label-news-exhibition:     #E1333D;
@color-label-news-conference:     #06AECB;
@color-label-news-publication:    #CB8806;
@color-label-news-others:         #791DC7;

.news-lecture{background-color: @color-label-news-lecture;}
.news-event{background-color: @color-label-news-event;}
.news-exhibition{background-color: @color-label-news-exhibition;}
.news-conference{background-color: @color-label-news-conference;}
.news-publication{background-color: @color-label-news-publication;}
.news-others{background-color: @color-label-news-others;}